// 首页
<template>
  <div class="home">
    <van-tabbar
      v-model="active"
      active-color="#ee0a24"
      inactive-color="#000"
      router
    >
      <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
      <van-tabbar-item icon="search" replace to="/course">课程</van-tabbar-item>
      <van-tabbar-item icon="friends-o" replace to="/record"
        >约课记录</van-tabbar-item
      >
      <van-tabbar-item icon="setting-o" replace to="/practice"
        >练习</van-tabbar-item
      >
      <van-tabbar-item icon="setting-o" replace to="/login"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {
      active: 0,
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style scoped lang='scss'>
// .home {
//   width: 100%;
// }
</style>
